/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "思源黑体";font-weight: 400;src: url("@/assets/fonts/PAmQJz0KKbTu.woff") format("woff2"),
  url("@/assets/fonts/RcFNr7GgMqdG.woff") format("woff");
  font-display: swap;
}
html,
body,
#app {
  /* font-family: "思源黑体"; */
    /* font-size: 1rem; */
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow-y: auto;
}
div{
  box-sizing: border-box;
}

#app {
    font-family:"思源黑体", Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #495057;
}

:root {
    --surface-a: #ffffff;
    --surface-b: #f8f9fa;
    --surface-c: #e9ecef;
    --surface-d: #dee2e6;
    --surface-e: #ffffff;
    --surface-f: #ffffff;
    --text-color: #495057;
    --text-color-secondary: #6c757d;
    --primary-color: #3b82f6;
    --primary-color-text: #ffffff;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
        Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
        Segoe UI Symbol;
    --surface-0: #ffffff;
    --surface-50: #fafafa;
    --surface-100: #f5f5f5;
    --surface-200: #eeeeee;
    --surface-300: #e0e0e0;
    --surface-400: #bdbdbd;
    --surface-500: #9e9e9e;
    --surface-600: #757575;
    --surface-700: #616161;
    --surface-800: #424242;
    --surface-900: #212121;
    --gray-50: #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #eeeeee;
    --gray-300: #e0e0e0;
    --gray-400: #bdbdbd;
    --gray-500: #9e9e9e;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;
    --content-padding: 1.25rem;
    --inline-spacing: 0.5rem;
    --border-radius: 6px;
    --surface-ground: #eff3f8;
    --surface-section: #ffffff;
    --surface-card: #ffffff;
    --surface-overlay: #ffffff;
    --surface-border: #dfe7ef;
    --surface-hover: #f6f9fc;
    --focus-ring: 0 0 0 0.2rem #bfdbfe;
    --maskbg: rgba(0, 0, 0, 0.4);
}
  html{
    font-size: 100px;
  }
  body{
    font-size: 16px;
  }
.w1200{
  width: 1200px;
  margin: 0 auto;
}
.disf{
  display: flex;
}
.fdc{
  flex-direction: column;
}
.alc{
  align-items: center;
}
.jcs{
  justify-content: space-between;
}
.jcc{
  justify-content: center;
}
.csp{
  cursor: pointer;
}
.container-m{
  padding: 0 .15rem;
}